﻿body 
{
 background: none repeat scroll 0 0 #DDDDDD;
    color: #333333;
    font: 75%/1.5 "myriad pro",helvetica,arial,sans-serif;
}
*{
    margin:0 ;
    padding:0;
    
}

.clear
{
    clear:both;
     }
     
#head-top
{
   background: url('images/header-top.png') repeat-x scroll 0 0 #0F508D;
    border-bottom: 1px solid #2A9FEC;
    min-height: 100px;
    height:100px;
    width:100%;
    color:White;

}
#head-top #headinfo
{
    margin:0 auto;
    width:1000px;
    height:100%;
}

 #headinfo h1#logo
 {
    float: left;
    height: 28px;
    margin-top: 35px;
    position: relative;
    width: 191px;
    Color:White;
 }
  #headinfo #userbox
  {
     float:right;
     position:relative;
     min-height:65px;
     width:225px;
     height:67px;
     line-height:1.3;
     margin-top:17px;
     background:url('images/userbox.png')no-repeat scroll 0 0 transparent;
      
      
  }
  #userbox .inner {
    padding: 17px 50px 0 55px;
    width: 115px;
}
.inner ul 
{
    float:left;
    list-style:none;
    display:block;
    width:150px;
}
.inner ul li {
    display: inline;
    float:left;
    position:relative;
    padding-right:10px;
}
.inner ul a {
    float: left;
    margin-right: 7px;
    text-decoration:none;
    color:White;
}
#userbox a#logout {
    border: 0 none;
    display: block;
    font-size: 90%;
    height: 24px;
    line-height: 1;
    overflow: hidden;
    position: absolute;
    right: 14px;
    top: 21px;
    width: 23px;
}
#userbox a#logout .ir 
{
    background: url('images/logout.png') repeat scroll 0 0 transparent;
}
 .ir 
 {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
 #userbox a#logout:hover .ir, #userbox a#logout:focus .ir,  #userbox a#logout:active .ir {
    background-position: -23px 0;
}    
    
#nav {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #004483;
    height:60px;
}
#mainnav
{
    width:1000px;
    height:1300px;
    border:1px dotted red;
    margin:0 auto;
}



#content
{
    width:1000px;
    height:1220px;
    border:1px solid red;

    
}  
  
#left
{
margin-top:20px;
float:left;
width:250px;
height:1200px;
border:1px solid red;
background-color:White;

    
}
#noidung
{
margin-top:20px;
float:right;
width:740px;
height:1200px;
border:1px solid red;
background-color:White;
font-family: "Times New Roman", Times, serif;
}
